<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<style type="text/css">
	.container-fluid{
		padding: 0;
    	background-color: #000;
	}
</style>
<div class="container-fluid" >
	<div class="batteryBorder-container">
		<div class="top-container">
			<img src="pages/system/css/img/icon-4.png" class="title fl" />
			<div class="battery-choice fl">
				<label>电池ID</label>
				<span class="my-select-board" id="packCode" data-colclientid=""></span>
			</div>
		</div>
		<div class="center-container">
			<div class="layout">
				<div class="chart-wrap">
					<div class="parm-select">
						<div class="title">
							<img src="pages/system/css/img/icon-3.png"/>
							监控数据
						</div>
						<span class="my-select-board" id="boardType1" data-type="1">SOC</span>
						<div class="status stop" id="boardstatus1"></div>
					</div>
					<div class="chart-box" id="board1" style="height:80%;width: 94%"></div>
				</div>
			</div>
			<div class="layout">
				<div class="chart-wrap">
					<div class="parm-select">
						<div class="title">
							<img src="pages/system/css/img/icon-3.png"/>
							监控数据
						</div>
						<span class="my-select-board" id="boardType2" data-type="2">总电压</span>
						<div class="status stop" id="boardstatus2"></div>
					</div>
					<div class="chart-box" id="board2" style="height:80%;width: 94%"></div>
				</div>
			</div>
			<div class="layout">
				<div class="chart-wrap">
					<div class="parm-select">
						<div class="title">
							<img src="pages/system/css/img/icon-3.png"/>
							监控数据
						</div>
						<span class="my-select-board" id="boardType3" data-type="3">总电流</span>
						<div class="status stop" id="boardstatus3"></div>
					</div>
					<div class="chart-box" id="board3" style="height:80%;width: 94%"></div>
				</div>
			</div>
			<div class="layout">
				<div class="chart-wrap">
					<div class="parm-select">
						<div class="title">
							<img src="pages/system/css/img/icon-3.png"/>
							监控数据
						</div>
						<span class="my-select-board" id="boardType4" data-type="4">单体最高电压</span>
						<div class="status stop" id="boardstatus4"></div>
					</div>
					<div class="chart-box" id="board4" style="height:80%;width: 94%"></div>
				</div>
			</div>
		</div>
	</div>
	
</div>
	
<!-- 模态窗口 str -->
<jsp:include page="/pages/common/modal.jsp"></jsp:include>
<script type="text/javascript" src="script/echarts/js/macarons.js"></script>
<script type="text/javascript" src="pages/system/js/realtimeBoard.js"></script>
<script src="media/js/ui-modals.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function() {
		realtimeBoard.init();
		UIModals.init();
	});
</script>


